<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
		<title>1-商品详情页_PxCook</title>
		<meta name="apple-mobile-web-app-capable" content="yes">
    	<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="dist/css/sm.css" />
		<link rel="stylesheet" href="dist/css/sm-extend.css" />
		<!--以上是引用SUI框架css文件代码-->
		<link rel="stylesheet" href="css/xh-lxx-header-bar2.css" />
		<link rel="stylesheet" href="css/xh-lxx-cart-content6.css" />
		<link rel="stylesheet" href="css/xh-lxx-cart-content7.css" />
		<link rel="stylesheet" href="css/xh-lxx-cart-content8.css" />
		<link rel="stylesheet" href="css/xh-lxx-tab-items-icon1.css" />
		<link rel="stylesheet" href="css/1-商品详情页_PxCook.css" />
	</head>
	<body>
		<div class="page-group">
	        <div class="page page-current">
	        <!-- html代码 ---------Begin -->
	        	<header class="bar bar-nav">
				  <a class="icon pull-left icon-left"></a>
				  <a class="icon pull-right more">
				  	 <span></span>
				  	 <span></span>
				  	 <span></span>
				  </a>
				  <a class="icon pull-right">
				  	<img src="img/share.png" alt="" />
				  </a>
				  <h1 class='title buttons-tab'>
				    <a href="#tab1" class="tab-link button">商品</a>
				    <a href="#tab2" class="tab-link active button">详情</a>
				    <a href="#tab3" class="tab-link button">评价</a>
				  </h1>
				</header>
	        	<div class="content">
				    <div class="tabs">
				      <div id="tab1" class="tab">
				        <div class="content-block">
				          <p>This is tab 1 content</p>
				        </div>
				      </div>
				      <!--商品详情页内容Begin-->
				      <div id="tab2" class="tab active">
				        <!--商品参数 attribute-->
			        	<div class="xh-lxx-cart-content6">
			        		<h3>规格参数</h3>
			        		<table>
			        			<tr>
			        				<td class="attr-name">商品编号</td>
			        				<td class="attr-val">88888888</td>
			        			</tr>
			        			<tr>
			        				<td colspan=2 class="attr">主体</td>
			        			</tr>
			        			<tr>
			        				<td class="attr-name">型号</td>
			        				<td class="attr-val">H+IDE01</td>
			        			</tr>
			        			<tr>
			        				<td class="attr-name">品牌</td>
			        				<td class="attr-val">H+</td>
			        			</tr>
			        			<tr>
			        				<td class="attr-name">类别</td>
			        				<td class="attr-val">Front End</td>
			        			</tr>
			        			<tr>
			        				<td class="attr-name">外观样式</td>
			        				<td class="attr-val">EXE</td>
			        			</tr>
			        			<tr>
			        				<td class="attr-name">版本</td>
			        				<td class="attr-val">V1.0</td>
			        			</tr>
			        		</table>
			        	</div>
				        <!--包装清单-->
			        	<div class="xh-lxx-cart-content7">
			        		<h3 class="border-bottom">包装清单</h3>
			        		<p>主机X1、说明书X1</p>
			        	</div>
				        <!--售后服务-->
			        	<div class="xh-lxx-cart-content8 margin-bottom">
			        		<h3 class="border-bottom">售后服务</h3>
			        		<div class="service">
			        			<p>本产品全国联保,享受三包服务,质保期为: 全国联保一年</p>
				        		<p>商家承诺您: 30天内产品出现质量问题可退货,180天内产品出现质量问题
				        		可换货,超过180天按国家三包规定享受服务.
				        		</p>
				        		<p>售后服务电话: 000-123-1234</p>
				        		<p>品牌官网  <a href="#">www.h+ide.com</a></p>
			        		</div>
			        	</div>
				        
				        
				        
				      </div>
				      <!--商品详情页内容 End-->
				      <div id="tab3" class="tab">
				        <div class="content-block">
				          <p>This is tab 3 content</p>
				        </div>
				      </div>
				  </div>
				</div>
	        	 <nav class="bar bar-tab xh-lxx-tab-items-icon1">
				  <a class="tab-item external" href="#">
				    <span class="icon icon-home"></span>
				    <span class="tab-label">联系卖家</span>
				  </a>
				  <a class="tab-item external" href="#">
				    <span class="icon icon-menu"></span>
				    <span class="tab-label">店铺</span>
				  </a>
				  <a class="tab-item external" href="#">
				    <span class="icon icon-search"></span>
				    <span class="tab-label">关注</span>
				  </a>
				  <a class="tab-item external" href="#">
				    <span class="icon icon-cart"></span>
				    <span class="tab-label">购物车</span>
				    <span class="badge">12</span>
				  </a>
				  <a class="tab-item external add-cart" href="#">
				    <span class="tab-label">加入购物车</span>
				  </a>
				</nav>
	        	
	        	
	        	
	        	
	        	
	        	
	        	
	        	
	        	
	        	
	        <!-- html代码 End -->
	        </div>
   		</div>
	
		<!--以下是引用SUI框架js文件代码-->
		<script src='dist/js/zepto.min.js'></script>
	    <script src="dist/js/sm.js"></script>
	    <script src="dist/js/sm-extend.min.js"></script>
		<script>
			$.init(); //初始化
	    </script>
	</body>
</html>

	        